<template>
    <workflow-simple-detail-dialog v-bind="$attrs"
                                   v-on="$listeners" :disabled="true" :showActiveBtn="true" no-padding>
      <template slot="otherItem" slot-scope="{data}">
        <slot name="other-tab-pane"  :data.sync="data">
        </slot>
      </template>
      <template slot-scope="{data}">
        <component :is="leftFormComponent" :row.sync="data" ref="leftForm" :disabled="true"/>
      </template>
    </workflow-simple-detail-dialog>
</template>
<script>
  import WorkflowSimpleDetailDialog from './WorkflowSimpleDetailDialog'
  import mixincommon from '@/mixins/common'
  export default {
    name:"DetailDialog",
    components: { WorkflowSimpleDetailDialog },
    mixins: [mixincommon],
    data() {
      return {
        leftFormComponent: null,  // 定义组件
        info: {}
      }
    },
    computed:{
    },
    created() {
      this.getComponent()
    },
    methods: {
      getComponent() {
        let form = require('@/views/' + this.leftFormPath + '/LeftForm')
        this.leftFormComponent = form.default
      }
    }
  }
</script>
